<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.Date"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	response.setHeader("Pragma", "no-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", 0);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>文章预览_${article.title}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<c:import url="/inc/inc.html" charEncoding="UTF-8"></c:import>
		<script type="text/javascript" src="/script/article/article.js"></script>
	</head>
	<body>
	
		<c:import url="/inc/header.html" charEncoding="UTF-8"></c:import>
			
		<div id="pagecontent">
			<div class="page_container">
				<div id="main" class="cblock">
					<ul id="crumbs" class="border-radius_4px">
					    <li><a href="/">首页</a></li>
					    <li><a href="/category/list.do?rp.pageNo=1&rp.categoryId=${article.category}">${article.categoryDesc}</a></li>
					    <li><a href="/artType/list.do?rp.pageNo=1&rp.artType=${article.artType}">${article.artTypeDesc}</a></li>
					    <li>${article.title}</li>
					</ul>
					<div id="articleDetail" class="article">
						<div class="art-t"><h2>${article.title}</h2></div>
						<div class="art-d">
							生产于<span class="date"><fmt:formatDate value="${article.postTime}" pattern="yyyy年MM月dd日"/></span>
							分类
							[<a href="/category/list.do?rp.pageNo=1&rp.categoryId=${article.category}" class="specail-link">${article.categoryDesc}</a>]
							- [<a href="/artType/list.do?rp.pageNo=1&rp.artType=${article.artType}" class="specail-link">${article.artTypeDesc}</a>]
						</div>
						<c:forEach var="detail" items="${article.detailsPage.pageData}">
						<div class="art-c">
							${detail.content}
						</div>
						</c:forEach>
					</div>		
					<div class="articlePager">${article.detailsPage.pageHtml}</div>
					<div class="box" id="comment">
						<h4 id="commentTitle">最热评论</h4>
						<ul class="comments" id="discussContent"></ul>
						<div id="pagination"></div>
						<div class="discussForm" id="postDiscuss">
							<form id="discussForm">
								<input id="articleId" type="hidden" name="discuss.articleId" value="${article.id}"/>
								<input id="replyDiscussId" type="hidden" name="discuss.discussId" value="0"/>
								<div class="perInfo">
									<div>
										<label class="label">名称（必填）</label>
										<input type="text" name="discuss.name" class="border-radius_4px"/>
									</div>
									<div>
										<label class="label">email（必填，不公开）</label>
										<input type="text" name="discuss.email" class="border-radius_4px"/>
									</div>
									<div>
										<label class="label">个人网站</label>
										<input type="text" name="discuss.site" class="border-radius_4px"/>
									</div>
									<div class="discussBtn">
										<a class="btn " href="javascript:void(0);"><span class="icon icon-add">&nbsp;</span>发表评论</a>
										<a class="btn hidden" href="javascript:void(0);"><span class="icon icon-cancel">&nbsp;</span>取消</a>
									</div>	
								</div>
								<div>
									<label class="label">内容</label>
									<textarea name="discuss.content" class="border-radius_4px"></textarea>						
								</div>
													
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- 侧边栏 -->
			<div id="sidebar" class="cblock">
				<!-- 搜索输入框 -->
				<c:import url="/inc/searchBox.html" charEncoding="UTF-8"></c:import>
				<c:import url="/inc/topClickLastWeek.html" charEncoding="UTF-8"></c:import>
				<c:import url="/inc/topClick.html" charEncoding="UTF-8"></c:import>
			</div>
		</div>
			
		<c:import url="/inc/footer.html" charEncoding="UTF-8"></c:import>
		
	</body>
</html>